// import React, { useCallback, useImperativeHandle, useState } from 'react';
// import ScrollBarLayout from '@/components/ScrollBarLayout';
// import { Card, Drawer } from 'antd';
// import styles from '@/components/SchemaComponent/SchemaManage/styles.less';
// import ActionButtons from './components/ActionButtons';
// import CommonTable from './components/CommonTable';
// import FilterDrawer from '../FilterDrawer';

// const Index: React.FC<any> = React.forwardRef(
//   (
//     props
//     ,
//     ref
//   ) => {
//     const [visible, setVisible] = useState<boolean>(false);

//     useImperativeHandle(ref, () => (
//       {
//         onOpen: onOpen
//       }
//     ))

//     const onClose = useCallback(() => {
//       setVisible(false)
//     }, [visible])

//     const onOpen = useCallback(() => {
//       setVisible(true)
//     }, [visible])

//     return (
//       <ScrollBarLayout style={{ position: 'relative' }}>
//         <Card className={styles['list-layout-tableCard']}>
//           <ActionButtons />
//           <CommonTable />
//         </Card>
//         <FilterDrawer
//           visible={visible}
//           onClose={onClose}
//         />
//       </ScrollBarLayout>
//     );
//   }
// )

// export default Index;

export * from './TableLayout';
export * from './ActionButtons';
export * from './CommonTable';
